<template>
  <div class="relative w-full h-64 bg-gray-100 dark:bg-gray-700 rounded-lg overflow-hidden">
    <div class="absolute inset-0 flex items-center justify-center">
      <div class="text-center">
        <div class="w-12 h-12 mx-auto mb-4">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-full h-full text-primary-600">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
          </svg>
        </div>
        <div class="text-gray-900 dark:text-white font-medium">{{ address }}</div>
      </div>
    </div>
  </div>
</template>

<script setup>
defineProps({
  address: {
    type: String,
    required: true
  }
})
</script>
